﻿.a-tooltip {
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    text-indent: -20px;
    overflow: hidden !important;
    background: url(../images/question.png) 0 0 no-repeat;
    color: #bebebe;
    cursor: help;
    display: inline-block;
    height: 19px;
    margin-left: 3px;
    margin-top: -3px;
    opacity: .7;
    width: 19px;
    vertical-align: middle;
}

#a-tooltip {
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid #bebebe;
    position: absolute;
    background: #FFF;
    color: #666;
    font-style: italic;
    min-width: 60px;
    max-width: 600px;
    z-index: 1010;
    overflow: visible;
}

#a-tooltip div {
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 90;
    padding: 12px;
}

#a-tooltip span {
    background: url(../images/tooltip.gif) 0 0 no-repeat;
    width: 13px;
    height: 7px;
    position: absolute;
    bottom: -7px;
    z-index: 91;
}

.a-tooltip:hover {
    opacity: 1;
}